<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=9"/>
    <title>登录</title>
    <!-- styles-->


    <!-- font-icon -->
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/font-welkin/css/iconfont.css">
    <!-- bootstrap-core -->
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/bootstrap/v3.3.7/css/bootstrap.min.css">

    <!-- plugins -->
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/bootstrap-table/v1.11.0/bootstrap-table.min.css">
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/bootstrap-validator/css/bootstrapValidator.css">
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">

    <link rel="stylesheet" href="${ctxFrontStatic }/style/welkin.css">
    <link rel="stylesheet" href="${ctxFrontStatic }/style/header.css">
    <link rel="stylesheet" href="${ctxFrontStatic }/style/app.css">
    <link rel="stylesheet" href="${ctxFrontStatic }/style/login.css">


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="${ctxFrontStatic }/libs/html5shiv.min.js"></script>
    <script src="${ctxFrontStatic }/libs/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="welkin-login">
    <div class="login">
        <div class="log-con col-sm-10 col-lg-8">
            <div class="logo2">
                 <span class="login-text">
                    短信平台系统
                </span>
            </div>
            <div class="left-cont">
                <form method="">
                    <div class="con-body">
                        <div class="by-con register">
                            <div class="log-int col-sm-24 col-md-24 col-lg-24 ">
                                <div class="log-title register-title col-sm-24">
                                    <span class=" input-tip">注册</span>
                                    <a href="#" class="pull-right input-a">已有账号</a>
                                </div>
                            </div>
                            <div class="log-int col-sm-24 col-md-24 col-lg-24 ">
                                <div class="col-sm-24 ">
                                    <!--<input type="text" class="col-sm-23" id="username" name="loginName"-->
                                    <!--value="$!{loginName}" placeholder="请输入用户名">-->
                                    <input class="col-sm-23  " type="text" id="phone-number" name="loginName"
                                           value="" placeholder="请输入您的手机号码">
                                </div>
                            </div>

                            <div class="log-int col-sm-24 col-md-24 col-lg-24">
                                <div class="col-sm-24 ">
                                    <input class=" col-sm-12" type="text" placeholder="请输入验证码">
                                    <div class="btn-group col-sm-11 code">
                                        <button class="  btn btn-default " type="button">获取验证码</button>
                                    </div>
                                </div>
                            </div>
                            <div class="log-int col-sm-24 col-md-24 col-lg-24">
                                <div class="col-sm-24">
                                    <input class="col-sm-23" type="password" id="password" name="password"
                                           placeholder="6-16位数字或大小写字母">
                                </div>
                            </div>
                            <div class="log-int col-sm-24 col-md-24 col-lg-24">
                                <div class="col-sm-24">
                                    <input class="col-sm-23" type="password" id="company-name" name="password"
                                           placeholder="请输入公司全称">
                                </div>
                            </div>

                            <div class="log-int col-sm-24 col-md-24 col-lg-24">
                                <div class="col-sm-24">
                                    <input class="col-sm-12" type="text" id="user" placeholder="请输入您的姓名">
                                    <div class="btn-group col-sm-12 sex" role="group" aria-label="">
                                        <button type="button" class="btn btn-default ">先生</button>
                                        <button type="button" class="btn btn-default">女士</button>
                                    </div>
                                </div>
                            </div>


                            <div class="log-int col-sm-24 col-md-24 col-lg-24">
                                <div class="col-sm-24">
                                    <div class="col-sm-9 ">请选择服务类型:</div>
                                    <div class="col-sm-15">
                                        <div class="col-sm-12">
                                            <lable>
                                                <input type="radio"/>行业短信
                                            </lable>
                                            <lable>
                                                <input type="radio"/>验证码
                                            </lable>
                                        </div>
                                        <div class="col-sm-12">
                                            <lable>
                                                <input type="radio"/>营销短信
                                            </lable>
                                            <lable>
                                                <input type="radio"/>群发短信
                                            </lable>
                                        </div>


                                        <!--<input type="radio">&nbsp;<span href="javascript:;" class="logChose">记住用户名</span>-->
                                        <!--<input type="radio">&nbsp;<span href="javascript:;" class="logChose">验证码</span>-->
                                        <!--<input type="radio">&nbsp;<span href="javascript:;" class="logChose">营销短信</span>-->
                                        <!--<input type="radio">&nbsp;<span href="javascript:;" class="logChose">群发短信</span>-->
                                    </div>
                                </div>
                            </div>
                            <div class="log-int col-sm-24 col-md-24 col-lg-24">
                                <div class="col-sm-24">
                                    <input type="checkbox" id="ck-rmUser">&nbsp;<span href="javascript:;"
                                                                                      class="logChose">我已阅读《短信平台用户协议》</span>
                                </div>
                            </div>
                            <div class=" log-int col-sm-24 col-md-24 col-lg-24 ">
                                <div class="col-sm-24 log-btn">
                                    <input type="submit" id="submit" value="立即注册" class="btn btn-login form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!--js-->
<script src="${ctxFrontStatic }libs/jquery/v1.12.4/jquery.min.js"></script>
<script src="${ctxFrontStatic }/libs/bootstrap/v3.3.7/js/bootstrap.js"></script>
<script src="${ctxFrontStatic }/libs/bootstrap-table/v1.11.0/bootstrap-table.js"></script>
<script src="${ctxFrontStatic }/libs/bootstrap-validator/js/bootstrapValidator.js"></script>
<script src="${ctxFrontStatic }/libs/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script src="${ctxFrontStatic }/libs/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctxFrontStatic }/libs/echarts/echarts.min.js"></script>
<script src="${ctxFrontStatic }/js/navbar.js"></script>

</body>

</html>